// 文字渐变色
@mixin text-gradient($start-color, $end-color) {
  background: linear-gradient(90deg, $start-color, $end-color);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

// 圆角卡片
@mixin card-style {
  background: white;
  border-radius: 16rpx;
  padding: 32rpx;
  box-shadow: 0 4rpx 16rpx rgba(0,0,0,0.05);
}

// Flex 居中
@mixin flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

// Flex 垂直居中
@mixin flex-center-vertical {
  display: flex;
  align-items: center;
}

// Flex 左右布局
@mixin flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}